* {
    margin: 0;
    padding: 0;
    user-select: none;
}

body {
    background-image: url(../static/img/bgcm.png);
    background-size: cover;
}

.nav {
    height: 47px;
    width: 100%;
}

.nav .logo {
    margin: 5px 0 0 10px;
    height: 42px;
    line-height: 42px;
    width: 70px;
    text-align: center;
    background-color: #6cf;
    float: left;
    /* display: flex; */
    font-family: 'Times New Roman';
    font-weight: bolder;
    font-size: large;
    border-radius: 10px;
}

.nav .logo a {
    text-decoration: none;
    color: #000;
}

.opt {
    float: right;
    margin: 5px 10px;
    height: 42px;
    line-height: 42px;
    width: 42px;
    text-align: center;
    font-weight: bolder;
    font-size: large;
    background-color: #6cf;
    border-radius: 10px;
}

.selectbar {
    width: 100%;
    height: 45px;
}

.selectbar .select {
    float: right;
    text-align: center;
    width: 225px;
    margin: 5px 0 0;
    height: 35px;
    background-color: #6cf;
    border-radius: 10px;
    z-index: 1000;
    margin-right: 10px;
}

.selectbar .select a {
    text-decoration: none;
    color: #000;
    float: left;
    width: 75px;
    height: 35px;
    line-height: 35px;
}

.center {
    margin-top: 5px;
    width: 100%;
}

.center .card {
    width: 95%;
    background-color: rgba(102, 204, 255, .6);
    margin: 10px auto;
    border-radius: 10px;
    backdrop-filter: blur(10px);
}

.center .card .item {
    height: 50px;
    width: 100%;
}

.center .card .item a {
    width: 100%;
    height: 45px;
    display: block;
    text-decoration: none;
    color: #000;
}

.center .card .item a .title {
    float: left;
    height: 50px;
    width: 100px;
    line-height: 50px;
    margin-left: 10px;
    font-size: large;
    font-weight: bolder;
}

.title {
    float: left;
    height: 50px;
    width: 100px;
    line-height: 50px;
    margin-left: 10px;
    font-size: large;
    font-weight: bolder;
}

.center .card .item a .context {
    float: right;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
}

.center .card .item .context {
    float: right;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
}

.center .card .about p {
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px
}

.center .card .about a {
    text-decoration: none;
    color: #000;
}

.center .card img {
    width: 95%;
    border-radius: 10px;
    margin: 0 10px 10px;
}

.center .card .loginarea {
    display: block;
    width: 100%;
    margin-left: 10px;
}